import React, {Component} from "react";
import 'antd-mobile/dist/antd-mobile.css'
import { SearchBar, WhiteSpace, WingBlank,List} from 'antd-mobile';
import blog from './publish-img/动态.png'
import article from './publish-img/文章.png'
import ques from './publish-img/问题.png'
import PublishBlog from "./PublishBlog";
import "./publish.css"

const Item = List.Item;
const Brief=Item.Brief;

export default class Publish extends React.Component{
    constructor(props) {
        super(props);
    }

    render() {
        return (
            <div className="publish-mainDiv">
                <WingBlank>
                <WhiteSpace />
                <SearchBar placeholder="Search" maxLength={8} />
                <WhiteSpace />
                </WingBlank>
                <WingBlank>
                    <List>
                        <Item
                            thumb={blog}
                            arrow="horizontal"
                            multipleLine
                            onClick={() => {
                                window.location.href = '#/terran/publishBlog'
                            }}
                        >发布动态
                        </Item>
                        <Item
                            thumb={article}
                            arrow="horizontal"
                            onClick={() => {
                                window.location.href = '#/terran/publishArticle'
                            }}
                        >发布文章
                        </Item>
                        <Item
                            thumb={ques}
                            arrow="horizontal"
                            onClick={() => {
                                window.location.href = '#/terran/publishQues'
                            }}
                        >发布提问
                        </Item>
                    </List>
                </WingBlank>
            </div>
        );
    }
}